<!--
 * @Description: 
 * @Author: lijiajin
 * @Date: 2020-07-06 09:04:53
 * @LastEditTime: 2020-07-06 13:40:28
 * @LastEditors: lijiajin
 -->
<!DOCTYPE html>
<html lang="en" xmlns:width="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no,email=no,address=no">
    <title>用户管理</title>
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./plugins/layui/css/layui.css">
    <link rel="stylesheet" href="./css/nanoscroller.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="./js/JQuery2.1.4.js"></script>
    <script src="./plugins/layui/layui.js"></script>
    <script src="./js/spin.min.js"></script>
    <script src="./js/loading.js"></script>

</head>

<body>
    <div class="wrap-box">
        <p class="title-h1"><a class="hover1" href="./setting-user-manager.html">用户管理</a><span>/</span><a>添加用户</a></p>
        <form class="content-scroll-box content-scroll-box-border nano ajax-form" action="" onsubmit="return false;">
            <div class="content-scroll content-scroll-botbtn nano-content">
                <div class="item-box no-pdt">
                    <p class="item-title">昵称<span class="xing">*</span></p>
                    <div class="item">
                        <p class="input">
                            <input type="text"
                                   class="check-input"
                                   name=""
                                   maxlength="20"
                                   data-lengthMin="6"
                                   data-lengthMinText="昵称最少输入6个字符"
                                   data-length="20"
                                   data-lengthText="昵称不能超过20字符"
                                   data-limit="nls"
                                   data-limitText="请输入符合要求的昵称"
                                   data-empty="请输入昵称">
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title">邮箱<span class="xing">*</span></p>
                    <div class="item">
                        <p class="input">
                            <input type="text"
                                   class="check-input"
                                   name=""
                                   maxlength="50"
                                   data-length="50"
                                   data-lengthText="邮箱不能超过50字符"
                                   data-limit="nls"
                                   data-limitText="请输入符合要求的邮箱"
                                   data-email="请输入符合要求的邮箱"
                                   data-empty="请输入邮箱">
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title">手机号<span class="xing">*</span></p>
                    <div class="item">
                        <p class="input">
                            <input type="text"
                                   class="check-input"
                                   name=""
                                   maxlength="11"
                                   data-length="11"
                                   data-lengthText="手机号不能超过11字符"
                                   data-limit="nls"
                                   data-limitText="请输入符合要求的手机号"
                                   data-phone11="请输入符合要求的手机号"
                                   data-empty="请输入手机号">
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title">密码<span class="xing">*</span></p>
                    <div class="item">
                        <p class="input">
                            <input type="password"
                                   id="password_repeat_id"
                                   placeholder="*******"
                                   class="check-input"
                                   name=""
                                   maxlength="20"
                                   data-lengthMin="8"
                                   data-lengthMinText="密码最少输入8个字符"
                                   data-length="20"
                                   data-lengthText="密码不能超过20字符"
                                   data-empty="请输入密码">
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title">确认密码<span class="xing">*</span></p>
                    <div class="item">
                        <p class="input">
                            <input type="password"
                                   placeholder="*******"
                                   class="check-input"
                                   name=""
                                   maxlength="20"
                                   data-lengthMin="8"
                                   data-lengthMinText="确认密码最少输入8个字符"
                                   data-length="20"
                                   data-lengthText="确认密码不能超过20字符"
                                   data-repeat="password_repeat_id"
                                   data-repeatText="两次输入的密码不一致"
                                   data-empty="请输入确认密码">
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title">角色<span class="xing">*</span></p>
                    <div class="item">
                        <p class="input">
                            <select name="" class="check-select" data-empty="请选择角色">
                                <option value="">请选择</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                            </select>
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title">上级</p>
                    <div class="item">
                        <p class="input">
                            <select name="" class="check-select">
                                <option value="">请选择</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                            </select>
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <p class="item-title">数据范围</p>
                    <div class="item">
                        <p class="input">
                            <select name="" class="check-select">
                                <option value="">请选择</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                            </select>
                        </p>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-title">是否启用</div>
                    <div class="item">
                        <div class="turn-btn-div">
                            <a href="javascript:;" class="icon iconfont iconkaiguananniu-kai">
                                <input type="checkbox" name="" class="turn-btn-input" value="1" checked>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom-btn">
                <button type="submit" class="layui-btn ajax-form-commit">保存</button>
                <a href="./setting-user-manager.html" class="layui-btn layui-btn-primary-blue">返回</a>
            </div>
        </form>
    </div>

    <script src="./js/echarts.min.js"></script>
    <script src="./js/jquery.nanoscroller.js"></script>
    <script src="./js/check.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/form-commit.js"></script>

</body>

</html>